1 00:00:08,950 --> 00:00:21,580 This is started so as you just explained, guaranteed that we will take today the number nine in the 2 00:00:21,580 --> 00:00:31,200 advertising topic, point number nine, working with a bootstrap template on frappé framework for me, 3 00:00:31,210 --> 00:00:34,380 I didn't understand anything from this title. 4 00:00:34,930 --> 00:00:37,690 So I hope after this session I will understand all this. 5 00:00:38,500 --> 00:00:43,290 And by the way, just to tell you that the. 6 00:00:44,960 --> 00:00:55,030 Uh, I have started understanding some terminology used in the forum regarding Walbrook and Point Epis, 7 00:00:55,570 --> 00:01:06,940 and it is very helpful decisions to be, uh, in the mood, understand what is happening and what is 8 00:01:06,940 --> 00:01:07,670 the questions. 9 00:01:07,690 --> 00:01:10,270 What is, uh, what is the point? 10 00:01:10,600 --> 00:01:14,590 So I am very happy, actually, to reach that point. 11 00:01:15,680 --> 00:01:24,110 That before it was like Chinese for me, I don't know, for others, maybe they are feeling the same, 12 00:01:24,860 --> 00:01:27,650 but for me I was I'm very happy with this. 13 00:01:28,070 --> 00:01:31,610 But it will come. 14 00:01:32,360 --> 00:01:35,960 Gaiam, I thought they are on vacation. 15 00:01:43,200 --> 00:01:43,990 A manageable. 16 00:01:46,940 --> 00:01:57,890 Yes, you are OK, because I got out of office message from Gaiam, he said this in vacation, but now 17 00:01:57,890 --> 00:01:59,830 he joined anyhow. 18 00:02:00,030 --> 00:02:05,120 Welcome Will come on on this vision, let's start garani. 19 00:02:05,130 --> 00:02:06,170 Please go ahead. 20 00:02:18,570 --> 00:02:19,410 Can you see my screen? 21 00:02:20,460 --> 00:02:21,000 Yes. 22 00:02:21,960 --> 00:02:34,140 OK, so let me explain a bit what we have here left so to the trivia, we are integrating the bootstrap 23 00:02:34,140 --> 00:02:38,400 theme then after this. 24 00:02:39,730 --> 00:02:46,390 This topic number eight, a with obscene Frobel framework is very connected to number eight because 25 00:02:46,390 --> 00:02:51,370 ideally what we are seeing here, I mean, to number nine, because ideally what you're seeing here 26 00:02:51,370 --> 00:02:59,950 is the possibility of customizing the front end, sort of customizing the front edge to to use the database, 27 00:02:59,950 --> 00:03:03,780 the next database on top of your customer front. 28 00:03:03,790 --> 00:03:12,280 And so when we install a bootstrap them, we will then probably in the coming days and see how we can 29 00:03:12,280 --> 00:03:13,960 get the data you see again. 30 00:03:14,010 --> 00:03:21,840 But then the data that is on the database or the data that ERP next has on top of our bootstrap thing. 31 00:03:22,120 --> 00:03:24,540 So these three items are very, very relevant. 32 00:03:24,940 --> 00:03:32,710 And then after that, when, for instance, we display a book, a book on our on our application, we 33 00:03:32,710 --> 00:03:34,070 will need it. 34 00:03:34,090 --> 00:03:41,200 For instance, we have multiple books, the landing page as like maybe cuts of three rows of three items. 35 00:03:41,740 --> 00:03:47,010 When you click on one item, you want to navigate to a page, which only has the contents of that book 36 00:03:47,380 --> 00:03:48,610 or that article only. 37 00:03:49,000 --> 00:03:50,830 That is the topic we are having here. 38 00:03:50,860 --> 00:03:54,430 And the beginner topics, item number twenty one. 39 00:03:55,030 --> 00:03:58,400 So after this, these are the topics likely to trickle down very easily. 40 00:03:58,960 --> 00:04:00,070 So let's jump into it. 41 00:04:00,070 --> 00:04:08,130 And I think this is not a complicated topic because so today, Mohammed, I think Mohammed mentioned 42 00:04:08,140 --> 00:04:09,330 that he has already done it. 43 00:04:10,060 --> 00:04:11,290 So that's very encouraging. 44 00:04:11,700 --> 00:04:13,630 We're going to be complicated. 45 00:04:13,660 --> 00:04:14,680 Mohammed, you have done the right. 46 00:04:15,130 --> 00:04:17,490 This is great. 47 00:04:17,520 --> 00:04:17,840 Great. 48 00:04:17,880 --> 00:04:18,990 So where you here? 49 00:04:19,000 --> 00:04:20,420 You feel like I don't explain. 50 00:04:20,440 --> 00:04:23,170 Well, you jump in and help 51 00:04:26,930 --> 00:04:29,210 anybody else. 52 00:04:30,790 --> 00:04:34,450 So what would I have here? 53 00:04:35,140 --> 00:04:35,890 Let me close this. 54 00:04:35,890 --> 00:04:37,000 Another instance. 55 00:04:38,900 --> 00:04:45,560 Up in Florida, we have our training here. 56 00:04:46,560 --> 00:04:51,480 So what we're going to have I have money, you mentioned that also you don't understand what this item 57 00:04:51,480 --> 00:04:52,170 is all about. 58 00:04:52,750 --> 00:04:53,460 Yes, yes. 59 00:04:54,380 --> 00:04:55,380 Do you know what is from. 60 00:04:56,610 --> 00:05:02,540 Uh, bootstrappers like, uh, a template. 61 00:05:03,370 --> 00:05:03,640 Mm hmm. 62 00:05:04,050 --> 00:05:08,170 And, uh, it says, right. 63 00:05:09,720 --> 00:05:12,020 So it's what it's success. 64 00:05:14,040 --> 00:05:21,030 Well, bootstrappers says it has JavaScript, the e-mail, it's basically templates. 65 00:05:21,030 --> 00:05:22,600 Like you said, they are templates. 66 00:05:23,310 --> 00:05:30,210 So what we are seeing is we integrate our own template such that when you come to your instance, this 67 00:05:30,210 --> 00:05:30,990 is our instance. 68 00:05:30,990 --> 00:05:32,550 Instead of seeing this. 69 00:05:32,820 --> 00:05:33,190 Yes. 70 00:05:33,330 --> 00:05:35,310 You see your own template here. 71 00:05:36,750 --> 00:05:43,560 So you can you said in the in the front and not in the back, and the front end is front end. 72 00:05:44,900 --> 00:05:46,040 Like WordPress. 73 00:05:48,390 --> 00:05:51,110 He is going what the process seems. 74 00:05:51,870 --> 00:05:54,150 I mean, you can build a website. 75 00:05:54,690 --> 00:05:55,740 Yes, absolutely. 76 00:05:55,770 --> 00:05:57,170 Actually, this is about websites. 77 00:05:57,180 --> 00:05:57,960 Yes, you are right. 78 00:05:58,560 --> 00:06:04,260 Yeah, but just in the title of the topic there, go there in the title. 79 00:06:04,530 --> 00:06:08,080 The topic here are the fine. 80 00:06:08,130 --> 00:06:08,440 Yeah. 81 00:06:08,460 --> 00:06:08,880 Yeah. 82 00:06:10,110 --> 00:06:12,750 Where where it is highlighted. 83 00:06:13,800 --> 00:06:14,130 Yeah. 84 00:06:14,460 --> 00:06:21,030 Number nine, you said working with a bootstrap template and sometimes you say bootstrap theme. 85 00:06:21,990 --> 00:06:25,400 Yes, I demand a template is more or less the same thing. 86 00:06:27,290 --> 00:06:34,000 Yeah, so if you for instance, if, for instance, you came here and looked for free, would scrap 87 00:06:35,260 --> 00:06:39,050 it and you should be able to get a drink. 88 00:06:39,070 --> 00:06:42,080 This link is clean because I was looking for free templates. 89 00:06:42,560 --> 00:06:46,370 If you open this, you'll see there you see all these are free. 90 00:06:47,180 --> 00:06:50,330 Some of them some others are listed as free, but you buy. 91 00:06:50,780 --> 00:06:54,530 So these all these are free templates or themes, whichever you want to call it. 92 00:06:55,010 --> 00:06:58,310 So theme and templates is the same thing. 93 00:06:58,850 --> 00:06:59,510 More or less. 94 00:06:59,510 --> 00:07:00,730 More or less the same thing. 95 00:07:00,920 --> 00:07:06,470 Maybe it has a difference in terms of English, but in programming I think it's more or less the same 96 00:07:06,470 --> 00:07:06,740 thing. 97 00:07:07,270 --> 00:07:08,650 OK, yeah. 98 00:07:09,200 --> 00:07:09,590 Yeah. 99 00:07:11,330 --> 00:07:15,950 So I have a template here that I try to look for, one that looks like education. 100 00:07:15,950 --> 00:07:19,750 It's called the it's called the Edu Center. 101 00:07:19,820 --> 00:07:20,780 I can share this. 102 00:07:21,280 --> 00:07:23,420 Get someone who wants to practice with it. 103 00:07:23,420 --> 00:07:24,800 You can, you can use this. 104 00:07:26,530 --> 00:07:32,920 I have it here, so if we look at a preview of this, this is how it looks so like now you want by the 105 00:07:32,920 --> 00:07:38,050 end of this tutorial, we want our our landing page, this one, instead of looking like this. 106 00:07:38,810 --> 00:07:40,150 Want it to look like this. 107 00:07:40,950 --> 00:07:42,250 Yeah, we like this. 108 00:07:43,270 --> 00:07:43,520 Yeah. 109 00:07:43,590 --> 00:07:44,560 So so. 110 00:07:44,740 --> 00:07:45,610 So, yeah. 111 00:07:45,610 --> 00:07:51,310 So about we are going to be seeing how we are going to be connecting this so you can, you can download 112 00:07:51,310 --> 00:07:51,580 it. 113 00:07:51,760 --> 00:07:53,500 I have sent this, this link. 114 00:07:53,500 --> 00:07:55,860 So are you able to download it directly from here. 115 00:07:56,950 --> 00:07:58,370 I didn't do that myself. 116 00:07:58,900 --> 00:08:01,010 I have it here. 117 00:08:01,060 --> 00:08:07,530 This is the four day zip file I downloaded in the I extracted it here. 118 00:08:07,540 --> 00:08:15,760 So when you extract this is what you see, you have all these files and folders extracted here now inside 119 00:08:15,760 --> 00:08:16,250 of Europe. 120 00:08:16,270 --> 00:08:19,570 Next, let me make this slightly larger. 121 00:08:20,230 --> 00:08:20,710 Sorry. 122 00:08:22,150 --> 00:08:22,540 Yes. 123 00:08:23,490 --> 00:08:24,640 So downloading. 124 00:08:25,510 --> 00:08:26,230 It's easy. 125 00:08:26,260 --> 00:08:27,650 Can you show us from. 126 00:08:27,920 --> 00:08:28,400 Yeah. 127 00:08:28,420 --> 00:08:30,030 This link is for downloading. 128 00:08:30,280 --> 00:08:30,520 Yeah. 129 00:08:30,520 --> 00:08:37,200 If you click this we will you see what is sorry we will not read download again. 130 00:08:37,210 --> 00:08:38,800 But to win time. 131 00:08:38,800 --> 00:08:40,480 You have already downloaded right. 132 00:08:40,960 --> 00:08:41,470 Yes. 133 00:08:41,650 --> 00:08:42,150 Yes. 134 00:08:42,550 --> 00:08:49,540 So in your case you need to download it at the debate and here from here you click extract right. 135 00:08:50,230 --> 00:08:50,830 Yes. 136 00:08:51,520 --> 00:08:52,840 Can you do extract. 137 00:08:53,830 --> 00:08:55,070 Let me just let me just start. 138 00:08:55,090 --> 00:08:56,370 Let me just delete this. 139 00:08:56,750 --> 00:08:57,380 Yes. 140 00:08:57,790 --> 00:09:02,810 Let me just delete all this and then I download. 141 00:09:02,830 --> 00:09:03,910 So this is the link. 142 00:09:04,180 --> 00:09:05,470 I download my team. 143 00:09:05,800 --> 00:09:06,400 Here it is. 144 00:09:06,400 --> 00:09:07,420 It has downloaded. 145 00:09:07,650 --> 00:09:08,350 Excellent. 146 00:09:08,590 --> 00:09:10,040 Then it's all in file. 147 00:09:10,150 --> 00:09:11,890 Here it is speaking. 148 00:09:11,890 --> 00:09:12,730 Just copy cat. 149 00:09:12,760 --> 00:09:18,490 This is in downloads so I want to work on it from the desktop so I'll go to desktop and pasted here. 150 00:09:18,640 --> 00:09:19,690 You don't have to do this. 151 00:09:19,690 --> 00:09:22,360 You can just extract from whatever it is here. 152 00:09:23,020 --> 00:09:24,430 So extract here. 153 00:09:25,690 --> 00:09:30,870 Oh, what I did, I just really clicked and then I said, it's right here and they have it here. 154 00:09:30,970 --> 00:09:32,350 So this is what we have. 155 00:09:33,400 --> 00:09:36,020 It's one folder after extraction is one folder. 156 00:09:36,040 --> 00:09:36,340 Yeah. 157 00:09:36,340 --> 00:09:38,610 This one for the code seems open it in. 158 00:09:38,620 --> 00:09:39,500 Here you have it. 159 00:09:39,500 --> 00:09:40,540 Do you send to open it. 160 00:09:40,550 --> 00:09:41,770 So you have your files here. 161 00:09:42,670 --> 00:09:45,800 OK, so which file you need at the end this file. 162 00:09:46,720 --> 00:09:46,860 Yeah. 163 00:09:46,930 --> 00:09:48,130 We, we need all this. 164 00:09:48,130 --> 00:09:49,480 It, it depends on what you want. 165 00:09:52,420 --> 00:09:54,010 Let me go to the VM. 166 00:09:54,260 --> 00:10:00,870 It depends on what you want because ideally the the index page, this index there must be an index, 167 00:10:00,880 --> 00:10:03,690 this index page here is what is here. 168 00:10:04,330 --> 00:10:09,310 And then you see we have about which is going to about what e-mail if you could. 169 00:10:09,310 --> 00:10:11,260 Here you have about the e-mail somewhere. 170 00:10:11,260 --> 00:10:11,890 Here it is. 171 00:10:12,190 --> 00:10:13,390 So it depends on what you want. 172 00:10:13,400 --> 00:10:14,920 You take the pages that you need. 173 00:10:15,250 --> 00:10:17,770 OK, yeah. 174 00:10:18,250 --> 00:10:19,100 Then we have all this. 175 00:10:19,100 --> 00:10:22,370 So we move on now instead of Europeanised. 176 00:10:22,390 --> 00:10:32,200 If you want to see how this folders are structured, go to the sites directory and then instead of here 177 00:10:32,200 --> 00:10:39,010 you have this the assets look at the assets as this directory. 178 00:10:39,340 --> 00:10:46,540 And then instead of as a directory, you see we have library management and I think we are not seeing 179 00:10:46,540 --> 00:10:49,570 it well here because these are not folders as they look. 180 00:10:49,870 --> 00:10:54,400 Instead, they are they are symbolic links which are linking to our applications. 181 00:10:54,730 --> 00:10:58,210 So if you look at it from the from this level. 182 00:10:59,640 --> 00:11:12,040 Let me let me get to that directory or pity then bench and then training and then and then what? 183 00:11:12,040 --> 00:11:14,950 In the insights and then sets. 184 00:11:15,490 --> 00:11:18,640 You see this these these are these are things these are symbolic things. 185 00:11:19,600 --> 00:11:21,510 You see the way they look this, this and this. 186 00:11:21,730 --> 00:11:24,100 So these are the variables that we have. 187 00:11:24,100 --> 00:11:27,640 ERP next frappé and library management. 188 00:11:27,940 --> 00:11:32,380 These are symbolic things that are linking directly into our into our ops directorate. 189 00:11:33,130 --> 00:11:34,180 We are working on this one. 190 00:11:34,180 --> 00:11:38,350 For instance, when we open our management up here, we have two files. 191 00:11:38,350 --> 00:11:40,270 We have access and we have Geass. 192 00:11:40,570 --> 00:11:46,930 So this is where we want to to add our teams about the importance of files and where this thing is, 193 00:11:46,930 --> 00:11:49,870 because we want to be able to access this easily. 194 00:11:50,170 --> 00:11:51,490 How you going to get here? 195 00:11:52,660 --> 00:11:58,550 Is from you instance, this is out in an instance, go to UPS. 196 00:11:59,010 --> 00:12:05,530 Remember, this is symbolic things they are not real for does go to UPS, then open your library management 197 00:12:05,530 --> 00:12:05,920 up. 198 00:12:06,760 --> 00:12:10,090 And then this again, my library management. 199 00:12:10,330 --> 00:12:16,200 And then here you see a public public folder inside of this public folder. 200 00:12:16,210 --> 00:12:21,280 What you place here mostly are contents that will not change a lot. 201 00:12:21,460 --> 00:12:23,080 For instance, images. 202 00:12:23,890 --> 00:12:25,000 We have images. 203 00:12:25,720 --> 00:12:27,550 We have just files. 204 00:12:27,550 --> 00:12:28,870 We have access files. 205 00:12:29,290 --> 00:12:30,520 So we open this. 206 00:12:30,520 --> 00:12:32,640 You see here already we have Access Ingeus. 207 00:12:33,160 --> 00:12:38,410 These are the ones that are being used by our application by default, the ones that come with your 208 00:12:38,410 --> 00:12:40,180 application, we when you install it. 209 00:12:40,810 --> 00:12:49,810 So we need now to carry our we need to carry our static files and replace them in this folder, in our 210 00:12:49,810 --> 00:12:50,470 static files. 211 00:12:50,470 --> 00:12:53,890 Remember, from our team, that is the static files that are the team. 212 00:12:54,370 --> 00:12:59,560 We have access fonts, images, JS plug ins and access. 213 00:13:00,520 --> 00:13:06,220 Apparently here we cannot just copy these things and print them here, because if we do, we have access 214 00:13:06,220 --> 00:13:07,170 file folder here. 215 00:13:07,270 --> 00:13:08,350 Here we have access. 216 00:13:08,650 --> 00:13:10,330 We have the yes, here we have Geass. 217 00:13:10,480 --> 00:13:12,430 So these are going to cause a conflict. 218 00:13:12,910 --> 00:13:14,410 So we can just copy this. 219 00:13:14,410 --> 00:13:20,320 Remember, this is from the team we just downloaded and then we come to Europeanist instance, right 220 00:13:20,320 --> 00:13:23,440 click and we create a new directory here. 221 00:13:23,440 --> 00:13:28,330 But I can't create I don't have rights so I can do this from the terminal. 222 00:13:30,310 --> 00:13:34,180 So do so, do so I mean, let me make this larger. 223 00:13:36,160 --> 00:13:36,520 Yes. 224 00:13:38,730 --> 00:13:53,730 Europe should also be happy and then I it gets too uppity bench and then training up and I go to AAPS 225 00:13:53,730 --> 00:13:59,170 in the library, the library again, and I think we have our public. 226 00:13:59,190 --> 00:13:59,550 Yes. 227 00:13:59,750 --> 00:14:00,900 If it gets to public. 228 00:14:03,290 --> 00:14:13,100 Public and now you can do so to me directly and we call it what we can call this dream, because this 229 00:14:13,100 --> 00:14:15,230 is you can call this whatever you want to call it. 230 00:14:15,830 --> 00:14:17,390 I just want to call it theme for now. 231 00:14:18,960 --> 00:14:23,800 And they just need to provide my password, and I think we have our folder, so this folder, if we 232 00:14:23,800 --> 00:14:29,190 release directly, we have a for here so we can give it permission so that we are able to paste our 233 00:14:29,580 --> 00:14:30,220 photos there. 234 00:14:30,660 --> 00:14:37,270 So should the gentleman seven recursively for the. 235 00:14:37,800 --> 00:14:39,650 OK, so we are now OK. 236 00:14:40,350 --> 00:14:42,110 Yeah, this one up on iTunes now. 237 00:14:42,570 --> 00:14:45,380 So when we come here, we have our theme folder here. 238 00:14:46,670 --> 00:14:47,960 Let me open this other one. 239 00:14:49,040 --> 00:14:50,380 That is what we have there. 240 00:14:52,920 --> 00:14:53,310 Yeah. 241 00:14:53,330 --> 00:14:56,900 So we need to copy these folders, the static folders. 242 00:14:57,080 --> 00:14:59,390 So these are not going to be changing so much. 243 00:14:59,810 --> 00:15:03,340 So we just copy them and then we post them inside of our theme. 244 00:15:03,740 --> 00:15:11,660 So this will be able to access our services in JavaScript by going to the router, the public route 245 00:15:11,900 --> 00:15:14,160 and then VM and then we exercise access. 246 00:15:14,960 --> 00:15:17,720 Now, if you go back to the. 247 00:15:19,050 --> 00:15:20,160 Sites directory. 248 00:15:22,600 --> 00:15:32,030 They say it's UPS training, if you go back to sites and you go to assets and this one you see here 249 00:15:32,030 --> 00:15:33,700 we have now for the them. 250 00:15:33,950 --> 00:15:35,090 So this is what I was seeing. 251 00:15:35,090 --> 00:15:36,640 This are not actual folders. 252 00:15:36,650 --> 00:15:37,910 These are just links. 253 00:15:38,330 --> 00:15:40,940 They are linking to the folders that we put there. 254 00:15:41,270 --> 00:15:46,850 So now our our our theme folder is accessible by the whole system. 255 00:15:47,600 --> 00:15:55,850 Now we can go ahead and now try to replace our to try to create a page instead of our instance that 256 00:15:55,850 --> 00:15:59,000 will contain this code, the index doltish, the email code. 257 00:15:59,390 --> 00:16:02,920 And we expect that this code is going to look exactly like this. 258 00:16:02,930 --> 00:16:07,380 This go back home is going to look like what we have here. 259 00:16:08,270 --> 00:16:10,870 So how do we do that inside of this? 260 00:16:11,300 --> 00:16:12,680 If you go to your up. 261 00:16:13,640 --> 00:16:14,330 Your up. 262 00:16:15,670 --> 00:16:19,910 You see that photo that we have here right now, it's empty. 263 00:16:20,320 --> 00:16:23,890 This is where you are going to be greeting all our pages. 264 00:16:24,310 --> 00:16:31,060 So, again, looking at it from the from the directory view, let me go back here so that we see how 265 00:16:31,060 --> 00:16:36,970 that looks from here, training and then UPS and I Proline Library. 266 00:16:37,210 --> 00:16:39,730 And here you have the ability right now it's empty. 267 00:16:39,740 --> 00:16:43,360 It's waiting for us to put in some content, some content here. 268 00:16:44,690 --> 00:16:47,090 So what you're going to do here for now. 269 00:16:49,260 --> 00:16:50,250 Just one moment. 270 00:16:52,900 --> 00:16:53,790 Uh. 271 00:16:56,740 --> 00:16:57,550 What do you want to do here? 272 00:16:57,570 --> 00:17:04,770 Let's just copy, let's keep it not what what happens in case we copy our index like this? 273 00:17:04,780 --> 00:17:05,220 Copy. 274 00:17:05,230 --> 00:17:07,010 I don't know whether we have permission to write here. 275 00:17:07,330 --> 00:17:07,700 We don't. 276 00:17:07,730 --> 00:17:12,270 So so we can we can give it permissions also. 277 00:17:13,030 --> 00:17:15,460 So we are we clear this. 278 00:17:16,540 --> 00:17:27,070 Lives in the out library management out again, at least we have it there, see the library, at least 279 00:17:27,070 --> 00:17:33,360 we have the area so we can do to do change mood. 280 00:17:36,230 --> 00:17:40,360 OK, so now we can we can copy our we can try to piece this. 281 00:17:40,510 --> 00:17:44,090 So we have our index dotage, the e-mail file here. 282 00:17:44,470 --> 00:17:47,170 So what happens when we try to access our Web site? 283 00:17:47,200 --> 00:17:49,320 Now we do this in the traditional file here. 284 00:17:49,750 --> 00:17:52,980 If we go to our e-mails here in the RELOJ. 285 00:17:53,930 --> 00:17:59,990 Nothing happens to this thing, nothing has happened here, what we do remember, we have pasted this 286 00:17:59,990 --> 00:18:10,070 index note e-mail inside of our app and w w w Fulda, what if we rename with the name this file, rename 287 00:18:10,070 --> 00:18:14,690 it to something like Lybrel, something like Lybrel, enter. 288 00:18:15,110 --> 00:18:19,610 And then we come here and try to access library here. 289 00:18:20,420 --> 00:18:27,590 What we are going to see here is that our page is trying to load the file that we placed to them. 290 00:18:29,860 --> 00:18:37,440 And it is it is loading, yes, it has the content, but now it's not able to access the static files, 291 00:18:37,450 --> 00:18:39,880 that is the genius, the access and even the images. 292 00:18:40,390 --> 00:18:46,440 If you inspect all the view page source here, look at, for instance, this. 293 00:18:46,450 --> 00:18:53,350 Yes, this is going to plugins a slick of ins, bootstrap, bootstrap, meaning. 294 00:18:53,860 --> 00:18:57,280 Now, this is not where this is not the way this thing is. 295 00:18:57,550 --> 00:19:00,620 This is not a static files, are these static files. 296 00:19:00,640 --> 00:19:09,520 Remember, we placed them inside of our we place them inside of our public for the theme. 297 00:19:09,760 --> 00:19:15,160 So we should at least like now here we have we have plug in plug ins here. 298 00:19:15,180 --> 00:19:15,560 OK. 299 00:19:15,850 --> 00:19:19,170 And then we have bootstrap file and then the bootstrap is here. 300 00:19:19,330 --> 00:19:22,260 So we have public these plug ins bootstrap. 301 00:19:22,420 --> 00:19:23,840 This is what are supposed to have here. 302 00:19:24,100 --> 00:19:25,260 So it's missing something. 303 00:19:25,270 --> 00:19:27,400 That's why it's not is not able to get it. 304 00:19:27,880 --> 00:19:30,700 So how do we connect it to our. 305 00:19:31,680 --> 00:19:35,530 How do we connected such that we are able to see to see everything here? 306 00:19:36,180 --> 00:19:41,340 Now, if we go back to our port, our code is here now. 307 00:19:41,350 --> 00:19:48,090 So we are able to access we see we we have inside of the we have library duties, e-mail, we open it. 308 00:19:48,270 --> 00:19:49,730 And this is where we have a problem. 309 00:19:49,740 --> 00:19:52,360 This is where this is why our files are not eroding. 310 00:19:52,680 --> 00:19:58,260 And by the way, another way to test it is when you are here, let me repeat source again. 311 00:19:58,470 --> 00:20:01,560 If you click on any of this is not going to show you anything. 312 00:20:01,560 --> 00:20:03,240 Is going to tell you not found. 313 00:20:04,160 --> 00:20:04,910 I think so. 314 00:20:05,360 --> 00:20:13,180 Let's see what it does and it's troubling to do something and it's not. 315 00:20:13,310 --> 00:20:14,640 No, it's not supposed to do that. 316 00:20:15,170 --> 00:20:16,010 Let me see. 317 00:20:16,010 --> 00:20:16,580 Sleek. 318 00:20:19,630 --> 00:20:25,030 I think this is an area where it's not returning, is not returning the cases that we're expecting. 319 00:20:25,050 --> 00:20:26,200 So this is not CSI. 320 00:20:26,680 --> 00:20:27,490 Is it different? 321 00:20:27,500 --> 00:20:28,490 This is the e-mail. 322 00:20:28,700 --> 00:20:35,110 So when you click on any of these links is not going to work because ideally it's not seeing this is 323 00:20:35,110 --> 00:20:36,770 not it's not able to get that item. 324 00:20:37,450 --> 00:20:40,540 So what if we dealt with this first one and what are we going to do? 325 00:20:40,540 --> 00:20:41,710 We do as it's. 326 00:20:43,360 --> 00:20:44,110 It's open. 327 00:20:44,140 --> 00:20:50,980 Let's get let's get this and then of the assets, we have our team. 328 00:20:53,600 --> 00:20:55,010 We have asked since. 329 00:20:56,060 --> 00:20:57,330 Not OK. 330 00:20:57,590 --> 00:21:04,830 OK, good, so we have assets, then we have our uppercase library management, so let me scroll this. 331 00:21:05,630 --> 00:21:10,430 So here we are going to have some space library. 332 00:21:11,790 --> 00:21:16,590 Management, so this is the name of your app management, any more of your app? 333 00:21:16,890 --> 00:21:21,840 And then after the name of your app, what you're going to do next is the folders that you created so 334 00:21:22,230 --> 00:21:23,740 powerful that he has got them. 335 00:21:24,300 --> 00:21:32,370 So we are going to put here them and then instead of them, we now have inside of them, we now have 336 00:21:32,370 --> 00:21:33,090 plugins. 337 00:21:33,240 --> 00:21:34,680 So this one is OK. 338 00:21:35,280 --> 00:21:37,020 So I think now we can release it. 339 00:21:37,050 --> 00:21:42,180 So I think we are supposed to add a assets management team. 340 00:21:42,420 --> 00:21:45,620 Then there is to continue if we come back in sometimes. 341 00:21:45,630 --> 00:21:48,150 But this one you need to you may need to reload. 342 00:21:48,150 --> 00:21:50,100 You may need to restart your server. 343 00:21:51,800 --> 00:21:53,960 We come back to this and included. 344 00:21:54,000 --> 00:21:55,400 Are we going to have any difference? 345 00:21:57,010 --> 00:22:01,810 So that even before we speak to the others, at least we are sure something is watching. 346 00:22:03,000 --> 00:22:06,250 So ready to finish reloading and let's see what we have. 347 00:22:07,860 --> 00:22:08,790 Yes, good. 348 00:22:10,270 --> 00:22:15,100 Mumu, sounds like you have a question, you replace only one link, right? 349 00:22:15,580 --> 00:22:22,300 Yes, I replaced Willink because I wanted to show how you can check if your links are still broken. 350 00:22:23,290 --> 00:22:27,490 So now, apparently our system is getting bootstrap. 351 00:22:27,910 --> 00:22:32,170 So if we will be the again, you see this link has changed. 352 00:22:32,860 --> 00:22:36,660 If I click on it, this is not blackstrap, it is excess. 353 00:22:37,030 --> 00:22:37,650 You see this one? 354 00:22:37,650 --> 00:22:41,010 I was able to access it if we come here to click this other one. 355 00:22:42,390 --> 00:22:47,880 Again, this is routine e-mail, so this link is still broken and sometimes when you click on that is 356 00:22:47,880 --> 00:22:51,360 going to tell you is going to give you a feel for not found error. 357 00:22:51,380 --> 00:22:55,020 So when you see any of those, just know that they link. 358 00:22:55,020 --> 00:22:56,650 They clicked is wrong. 359 00:22:57,240 --> 00:23:05,100 So next, we are going to just do a find and replace of all these other links and add this section. 360 00:23:05,110 --> 00:23:10,020 This is the section we added, as is then the name of our app and then theme. 361 00:23:10,050 --> 00:23:16,590 Remember, theme is is the folder that we created inside of a directory here, which is this theme here. 362 00:23:17,850 --> 00:23:23,250 So now we can copy this, all of that plugins. 363 00:23:23,820 --> 00:23:29,160 And this is a blank page depending on whichever editor you are using it to be different by. 364 00:23:29,160 --> 00:23:30,980 Just do a find and replace. 365 00:23:31,650 --> 00:23:32,970 So I have plug ins. 366 00:23:32,970 --> 00:23:36,870 I want to replace that with that. 367 00:23:38,090 --> 00:23:45,140 Now, note, I have copied from history all the way to plug ins and then even into what I want to replace 368 00:23:45,140 --> 00:23:53,780 with a half copied each other to plug ins, then click on replace all that has been replaced civic. 369 00:23:55,720 --> 00:24:02,100 Now, that has been done and let's see whether we have a difference in the difference here. 370 00:24:02,740 --> 00:24:08,410 So I have loaded our page and it is loading. 371 00:24:10,210 --> 00:24:17,230 Yes, so now you see we do have images and still we do not definitely we do not have JavaScript, so 372 00:24:17,230 --> 00:24:21,760 why don't we replace JavaScript next so we can hear JavaScript? 373 00:24:21,760 --> 00:24:25,480 Mozilla sits at the bottom of the page, so scroll all the way to the end. 374 00:24:27,260 --> 00:24:33,840 And here we have kids and also from this page, if you inspect, Democrats are also sitting at the end. 375 00:24:33,860 --> 00:24:39,560 So here, if you click on any of this again, is struggling to get something, it's not getting it. 376 00:24:39,560 --> 00:24:41,120 So it's giving us e-mail. 377 00:24:41,420 --> 00:24:43,700 This is not JavaScript, so. 378 00:24:44,790 --> 00:24:50,310 Again, we we need to replace this with we can just copy the link here, because remember, it's the 379 00:24:50,310 --> 00:24:50,900 same thing. 380 00:24:51,270 --> 00:24:53,700 So it's assets all the way to that point. 381 00:24:54,700 --> 00:24:59,190 Then we come down here, we replace replace this first one. 382 00:25:00,720 --> 00:25:08,510 It was that first one and then you have a right here and then we can just go ahead and copy this source 383 00:25:08,520 --> 00:25:18,480 plugins copy and then do a find and replace those plugins replaced with the source, all the to plugins. 384 00:25:20,190 --> 00:25:28,140 Copy paste and replace all that's done in here, not sometimes when you do that, like, you know, 385 00:25:28,140 --> 00:25:30,550 this JavaScript has not been replaced. 386 00:25:30,930 --> 00:25:32,250 The reason is because. 387 00:25:33,330 --> 00:25:41,520 We have such a White House source and the plugins this JavaScript has source images if you come to your 388 00:25:41,520 --> 00:25:42,690 folder here. 389 00:25:43,710 --> 00:25:52,920 You see here we have source plugins, we have a fondness for plug ins, which inside it I think there 390 00:25:52,920 --> 00:25:55,530 is yeah, Jake query and all this. 391 00:25:55,920 --> 00:25:57,800 But then we have another folder here we just did. 392 00:25:57,810 --> 00:25:58,010 Yes. 393 00:25:58,020 --> 00:25:59,950 And this is what contains our mini script file. 394 00:26:00,330 --> 00:26:02,310 So again, he's here. 395 00:26:02,310 --> 00:26:04,470 You need to put this. 396 00:26:04,800 --> 00:26:10,940 So take note, but sometimes you need to check closely to make sure that all the files have been replaced. 397 00:26:11,190 --> 00:26:18,470 And I think we also need to do that for some one of our one of our Sears's counseling's. 398 00:26:19,350 --> 00:26:22,230 Let me see which one is one that does not have this. 399 00:26:23,560 --> 00:26:29,290 The way this one here is, is going to give us issues so we deeply that and save it. 400 00:26:30,290 --> 00:26:31,850 We play Restart our. 401 00:26:33,380 --> 00:26:41,060 Somebody I to make sure that everything is OK when we come to our instance and we reload, we are expecting 402 00:26:41,060 --> 00:26:45,660 that when we do this thing, at least everything should be fine except the images. 403 00:26:46,040 --> 00:26:52,610 So let me go ahead and reload and we can see a yellow yellow background, which is a good indicator 404 00:26:52,610 --> 00:26:57,200 that we are we are moving towards the right direction and it's still loading. 405 00:26:57,200 --> 00:26:58,730 I am trying to scroll here. 406 00:27:02,260 --> 00:27:03,400 Still doing stuff. 407 00:27:04,690 --> 00:27:09,620 Yes, good, so our logo is not shown because it really not an image. 408 00:27:09,940 --> 00:27:11,060 You see this? 409 00:27:11,350 --> 00:27:12,820 They are scrolling animations here. 410 00:27:12,820 --> 00:27:14,690 That means JavaScript is working, OK? 411 00:27:15,310 --> 00:27:17,560 Then our pages, I don't know where they are now. 412 00:27:17,560 --> 00:27:18,070 Look at that. 413 00:27:18,070 --> 00:27:19,270 We we are coming to that. 414 00:27:20,530 --> 00:27:26,620 When I click on about the about that has come with our theme when I click on it is reading about the 415 00:27:26,620 --> 00:27:28,920 about us page inside of Europe next. 416 00:27:29,290 --> 00:27:35,230 And I think the same also will happen for contactor speech when I click you see it reading the contact 417 00:27:35,290 --> 00:27:36,070 speech for European. 418 00:27:36,280 --> 00:27:37,690 That's not what we want. 419 00:27:38,380 --> 00:27:44,700 Ideally we want when we click on this, we want to see our customer about our speech and also our contact 420 00:27:44,710 --> 00:27:47,380 and just like that or the other pages. 421 00:27:47,410 --> 00:27:50,740 So now at this level, I think you can guess it. 422 00:27:51,720 --> 00:27:58,530 The images, we are going to do the same, so just copy this, sorry, Karen is money. 423 00:27:59,760 --> 00:28:07,560 You are doing only for one page now, which you placed under W-W folder, which is at the library page, 424 00:28:07,650 --> 00:28:08,040 right? 425 00:28:08,670 --> 00:28:11,460 Yeah, this is the only the landing page. 426 00:28:11,460 --> 00:28:14,460 The first page only only is. 427 00:28:14,580 --> 00:28:20,040 So if you have many pages you have to redo the work for each page. 428 00:28:20,040 --> 00:28:20,360 Right. 429 00:28:21,510 --> 00:28:24,530 Well we are coming there, we will have to redo some. 430 00:28:24,750 --> 00:28:28,320 But then remember we are going to implement templates. 431 00:28:28,950 --> 00:28:35,150 So the template is what we mean is the whole of what what is common, like the header will not change. 432 00:28:35,160 --> 00:28:38,360 You don't you don't need to create multiple headers for your website. 433 00:28:38,700 --> 00:28:39,900 They had to remain the same. 434 00:28:40,590 --> 00:28:47,280 And then you can come down there for the immediacy that is in the case of the website, if there's something 435 00:28:47,280 --> 00:28:47,500 else. 436 00:28:47,520 --> 00:28:53,040 Also, like in the middle here, there are things that people like to be repeated, like know they subscribe. 437 00:28:53,040 --> 00:28:58,250 Now, if you want it on all the pages, you don't have to put it in every individual page. 438 00:28:58,800 --> 00:29:03,120 You can also create this as a template and then you inherit it in all the other pages. 439 00:29:06,330 --> 00:29:11,380 So we proceed, the images now start with the logo. 440 00:29:11,400 --> 00:29:13,320 I don't know where the logo is, we can look for it. 441 00:29:13,860 --> 00:29:15,450 A logo. 442 00:29:15,460 --> 00:29:16,830 I don't know whether it's called logo. 443 00:29:17,220 --> 00:29:17,980 Yes, here. 444 00:29:18,360 --> 00:29:23,970 So when I posted this in images and in that then save. 445 00:29:25,130 --> 00:29:26,750 I have saved Lord. 446 00:29:27,780 --> 00:29:33,720 And if all goes well, you're supposed to see available, if it doesn't load, we may need to restart 447 00:29:34,150 --> 00:29:34,810 our. 448 00:29:36,050 --> 00:29:39,080 Iosava, Massawa, and make sure that everything checks out. 449 00:29:40,830 --> 00:29:41,970 Don't worry, my, my. 450 00:29:42,510 --> 00:29:43,380 Yeah, good. 451 00:29:43,410 --> 00:29:47,300 So I was reading now we do the same for all the other pages. 452 00:29:47,310 --> 00:29:48,410 Now look at this letter here. 453 00:29:48,420 --> 00:29:49,590 This letter is not loading. 454 00:29:49,920 --> 00:29:56,430 And sometimes these letters are put here because of this, that animations that are that are in front 455 00:29:56,430 --> 00:29:56,870 of them. 456 00:29:57,300 --> 00:29:59,790 Sometimes they are put as background images. 457 00:30:00,210 --> 00:30:01,890 So you may need to look for. 458 00:30:04,210 --> 00:30:06,490 Anyway, we have an image tag. 459 00:30:07,370 --> 00:30:09,530 And replace it with the. 460 00:30:11,170 --> 00:30:12,700 With your image. 461 00:30:13,180 --> 00:30:19,870 Yeah, so like, you know, I think this is the first one I picked last, there is another one. 462 00:30:19,870 --> 00:30:22,270 I think it should be another image. 463 00:30:23,590 --> 00:30:29,280 Uh, what is it before this? 464 00:30:33,610 --> 00:30:38,580 But control of currency will find that control, if we are sure. 465 00:30:38,790 --> 00:30:39,490 Let me see. 466 00:30:39,730 --> 00:30:41,020 What are you going to do? 467 00:30:41,020 --> 00:30:41,450 Anything. 468 00:30:41,480 --> 00:30:43,480 So here we have images. 469 00:30:43,510 --> 00:30:43,790 Yes. 470 00:30:43,790 --> 00:30:46,240 So if I do this. 471 00:30:47,330 --> 00:30:52,760 To fight for will you have not it's OK, did we have this? 472 00:30:54,920 --> 00:31:02,600 I see the images here, too, we have these these five and compare us to replace. 473 00:31:05,690 --> 00:31:06,040 Sorry. 474 00:31:07,180 --> 00:31:09,910 That controlled us, it's. 475 00:31:13,130 --> 00:31:13,760 It's the. 476 00:31:17,150 --> 00:31:23,930 OK, so let's see let's see what we have control, which is what? 477 00:31:26,210 --> 00:31:27,000 To. 478 00:31:29,430 --> 00:31:34,100 To change every every, uh, image, uh, location. 479 00:31:34,970 --> 00:31:35,480 OK. 480 00:31:35,960 --> 00:31:40,580 OK, so I can copy the control here to let me try Control Hitcher. 481 00:31:41,580 --> 00:31:43,980 Uh, OK, good. 482 00:31:44,340 --> 00:31:53,400 So I look for that, and then I replaced with a source, let me get the part to our. 483 00:31:54,610 --> 00:31:57,550 To our starting fires, this one copy. 484 00:31:58,470 --> 00:31:59,210 Up to them. 485 00:32:00,130 --> 00:32:01,380 Then replace this. 486 00:32:01,460 --> 00:32:03,220 No, we don't think we do that. 487 00:32:04,280 --> 00:32:09,010 Plus the images, so we are we are looking for everything. 488 00:32:09,070 --> 00:32:11,450 Those images replaced with source, right? 489 00:32:11,530 --> 00:32:13,420 So, yes, everything is nothing. 490 00:32:17,860 --> 00:32:20,260 No results, found source images. 491 00:32:22,310 --> 00:32:26,150 Control if liberty has replaced everything. 492 00:32:28,290 --> 00:32:30,480 Kendrew, if Midge's. 493 00:32:32,890 --> 00:32:34,060 Yeah, I think it has the. 494 00:32:34,390 --> 00:32:36,840 Yeah, so let's just check from the front end. 495 00:32:37,790 --> 00:32:38,780 We rode. 496 00:32:40,680 --> 00:32:46,740 Yes, we have it, so now we have everything loading and that is what we expected. 497 00:32:47,100 --> 00:32:48,900 These images are not doing well. 498 00:32:48,900 --> 00:32:55,500 But if you even if you look at the team that we have, it's showing in the same way when we drew the 499 00:32:55,500 --> 00:33:01,380 team, I don't exactly know why this is this one is this routine from our from our desktop. 500 00:33:02,430 --> 00:33:03,330 This one is fine. 501 00:33:03,360 --> 00:33:04,130 This one is fine. 502 00:33:04,440 --> 00:33:09,210 Again, if you come to our easterns, this image is running fine, scrolling down. 503 00:33:09,220 --> 00:33:10,340 This one's our blood. 504 00:33:10,350 --> 00:33:13,340 I don't know if this image does look like that or I have no idea. 505 00:33:13,740 --> 00:33:15,840 So that is exactly what our instance shows. 506 00:33:15,840 --> 00:33:16,670 And good. 507 00:33:16,710 --> 00:33:18,190 We are comfortable with that for now. 508 00:33:19,260 --> 00:33:26,250 Now, this brings us only before we go that if someone has a question, you can bring it up before we 509 00:33:26,250 --> 00:33:29,460 go to we want to see now how we can inherit. 510 00:33:29,460 --> 00:33:32,340 We can get we can break this into templates. 511 00:33:32,790 --> 00:33:38,880 We create a template, and then we try to load to do our both our speech, the about us speech. 512 00:33:38,880 --> 00:33:42,780 We are going to load this about a speech that is in our theme. 513 00:33:42,840 --> 00:33:43,960 This is what we want to see. 514 00:33:44,760 --> 00:33:50,250 So if you have questions regarding what you have covered, bring bring the question on. 515 00:33:52,790 --> 00:34:00,690 Right now, you have to put library in the link, yes, on top, can you make it work so you can remove 516 00:34:00,690 --> 00:34:06,410 a library and replace the landing page, the default ERP Nixonland, the page there? 517 00:34:06,770 --> 00:34:08,270 Yes, we are going to do that. 518 00:34:08,280 --> 00:34:09,140 We are going to do that. 519 00:34:10,570 --> 00:34:10,950 Good. 520 00:34:11,120 --> 00:34:11,450 Thank you. 521 00:34:16,560 --> 00:34:25,200 OK, if you have, uh, multiple, multiple, uh, sights, uh uh uh, we'll have the same, uh, frontal. 522 00:34:27,380 --> 00:34:35,450 If you have multiple sites, yes, uh, well, we have, uh, multiple, uh, at the same front for 523 00:34:35,450 --> 00:34:36,620 the same template. 524 00:34:38,270 --> 00:34:39,970 Apparently is because. 525 00:34:41,720 --> 00:34:47,930 Because to see where we are placing our files, yes, actually, it is going to be the same front end. 526 00:34:48,980 --> 00:34:49,470 Perfect. 527 00:34:49,790 --> 00:34:50,180 Thank you. 528 00:34:50,210 --> 00:34:51,980 Yeah, it's going to be the same front end. 529 00:34:52,550 --> 00:35:02,070 But Karani, if you have multiple sites, you have to install the custom up in that side. 530 00:35:02,450 --> 00:35:03,590 Yes, correct. 531 00:35:04,660 --> 00:35:06,240 So it will not come by default? 532 00:35:07,160 --> 00:35:08,380 No, I do not come by default. 533 00:35:08,390 --> 00:35:10,500 You have to install the custom up on that site. 534 00:35:10,880 --> 00:35:11,240 Yes. 535 00:35:11,420 --> 00:35:16,340 So if you add new site, you have to install that custom up in that U.S.. 536 00:35:16,700 --> 00:35:19,530 Yes, clear Bokhara. 537 00:35:23,390 --> 00:35:23,780 Yes. 538 00:35:25,820 --> 00:35:26,920 Is clearly. 539 00:35:27,120 --> 00:35:27,550 Thank you. 540 00:35:27,880 --> 00:35:29,070 Yes, go ahead. 541 00:35:30,540 --> 00:35:31,290 Yes, it's clear. 542 00:35:31,320 --> 00:35:31,800 Thank you. 543 00:35:32,290 --> 00:35:33,440 Um, OK. 544 00:35:34,360 --> 00:35:41,470 All right, so now we want to we want to break this thing into templates so that we don't have now we 545 00:35:41,470 --> 00:35:43,030 want to open our borders. 546 00:35:43,360 --> 00:35:50,950 We don't want our borders to give us headaches again of having to having to do all the work we have 547 00:35:50,950 --> 00:35:51,490 done here. 548 00:35:52,450 --> 00:35:57,730 So we are going to break this thing into headers and then their central body and then they futa. 549 00:35:58,910 --> 00:36:07,190 Now, look at the look at the structure of your folders here inside of excuse me, is that of your custom 550 00:36:07,190 --> 00:36:10,530 app, you have a folder for the code templates. 551 00:36:11,150 --> 00:36:19,700 Now, these templates is what is going to carry or to contain all the template or the template page 552 00:36:19,700 --> 00:36:24,860 that you want to inherit into all the other pages that that you are going to create here. 553 00:36:25,730 --> 00:36:31,970 So what we are going to do here, instead of templates, we are going to create a new folder and you 554 00:36:31,970 --> 00:36:34,150 file not folder in this file. 555 00:36:34,160 --> 00:36:35,030 We can call it. 556 00:36:35,990 --> 00:36:43,010 By the way, if you call this be the immediate entry, please look at what we have. 557 00:36:43,350 --> 00:36:47,870 Let me let me just show you this frappé frappé open Frappier. 558 00:36:48,410 --> 00:36:53,960 And straight away from here, you can see the structure that we are starting to get. 559 00:36:53,960 --> 00:36:58,890 Here is the structure that we have inside of the finest that we are working on. 560 00:36:58,910 --> 00:37:04,460 So the structure of the we have the employees and then we have the ability for if you open the window 561 00:37:04,720 --> 00:37:12,860 before that, you see all the pages that you see on the wall for page and every page has its duty Wi-Fi. 562 00:37:12,860 --> 00:37:15,470 And so Fofo is the amount of photophobia. 563 00:37:15,890 --> 00:37:20,230 So this is what this halves Lippa file is woodstoves, the e-mail file. 564 00:37:20,690 --> 00:37:26,600 So everything that needs to be processed logically is Adolpho for page will happen inside of this file, 565 00:37:26,600 --> 00:37:30,380 followed by file e-mail also has I mean about us. 566 00:37:30,380 --> 00:37:31,100 It's about. 567 00:37:31,250 --> 00:37:35,370 So this is the about you are seeing when you click on the about us link. 568 00:37:35,390 --> 00:37:40,600 Now this is the are both you see and you see again this one extends template Webroot e-mail. 569 00:37:40,640 --> 00:37:45,920 So again, you can edit this if you want to edit, but I strongly recommend that you leave them as they 570 00:37:45,920 --> 00:37:46,100 are. 571 00:37:46,130 --> 00:37:50,360 Remember you said we are not touching your next code and idea. 572 00:37:50,360 --> 00:37:56,300 You can see what you are having here is exactly what you are going to be having there if you come to 573 00:37:56,300 --> 00:37:56,960 templates. 574 00:37:58,450 --> 00:38:00,400 Here you have bestrode e-mail. 575 00:38:00,910 --> 00:38:02,470 This is the email. 576 00:38:03,760 --> 00:38:11,170 If you come to your place file now and put another folder or underfire codebase to this, Gmail is going 577 00:38:11,170 --> 00:38:12,160 to arrive to this file. 578 00:38:12,640 --> 00:38:15,370 And, you know, this file is used in so many other places. 579 00:38:15,370 --> 00:38:16,600 So you do not want to do that. 580 00:38:16,960 --> 00:38:26,440 So don't call other files the names that Frappé has already used you, for instance, you need to create 581 00:38:26,440 --> 00:38:30,640 a template and call it something, because our app is called library. 582 00:38:30,640 --> 00:38:31,720 So we can call this. 583 00:38:33,120 --> 00:38:36,340 Library and a school wrote the. 584 00:38:36,880 --> 00:38:39,930 I don't know whether I will be allowed to play that again. 585 00:38:40,290 --> 00:38:40,840 I can't. 586 00:38:40,860 --> 00:38:41,990 So let me go here. 587 00:38:44,300 --> 00:38:46,520 And the way I am, my. 588 00:38:47,580 --> 00:38:53,070 A complete socity to complete, and I think this is too large. 589 00:38:54,900 --> 00:38:59,810 This was in place, and then from here, you so do touch. 590 00:39:01,110 --> 00:39:03,570 And then I do like Braly. 591 00:39:05,440 --> 00:39:07,870 And that's called Bisto speech to empower. 592 00:39:09,080 --> 00:39:09,860 Uh. 593 00:39:11,710 --> 00:39:15,280 So I have I have now a liberal email file here. 594 00:39:16,260 --> 00:39:22,290 So now I need to give it permissions because I want to be able to access it so I can also do the only 595 00:39:22,350 --> 00:39:25,630 mode that I saw. 596 00:39:26,040 --> 00:39:26,880 OK, that's OK. 597 00:39:26,910 --> 00:39:27,240 Now. 598 00:39:28,680 --> 00:39:35,880 Now I have it somewhere, so my reply to this demand is here I want to cut everything that is common 599 00:39:35,880 --> 00:39:43,110 in this file, this file and put it inside of this file here so that I can inherit it in any page that 600 00:39:43,110 --> 00:39:44,190 I want to inherit that file. 601 00:39:44,730 --> 00:39:49,260 So, for instance, this one now here we have up to where we are both. 602 00:39:50,370 --> 00:39:51,920 Let's see what we can inherit. 603 00:39:51,960 --> 00:39:57,720 We have this this header all the way just before you get to this later. 604 00:39:58,800 --> 00:40:01,810 So this is our section. 605 00:40:01,830 --> 00:40:04,200 Let me see if I go to this head. 606 00:40:04,230 --> 00:40:05,400 Where is the head ending here? 607 00:40:05,400 --> 00:40:06,270 This ending there. 608 00:40:06,900 --> 00:40:08,340 And then we have body. 609 00:40:08,340 --> 00:40:10,590 So body, we are going to leave it there. 610 00:40:10,600 --> 00:40:17,520 But we want the body to be to be dynamic so I can just go ahead and Katrice everything from there and 611 00:40:17,520 --> 00:40:18,450 then pasted here. 612 00:40:20,450 --> 00:40:28,570 I have got everything from from this page, everything from before the body tag, I've cut it and pasted 613 00:40:28,570 --> 00:40:31,510 it inside of my personal e-mail file. 614 00:40:31,810 --> 00:40:34,630 The next thing that is also. 615 00:40:36,080 --> 00:40:40,830 That is also that I can also cut and paste elsewhere, is there futa? 616 00:40:41,150 --> 00:40:46,870 But before we put we put in the food, I remember that everything we inherited this file. 617 00:40:46,910 --> 00:40:50,540 We want some good to be put here somewhere. 618 00:40:51,230 --> 00:40:51,650 Yeah. 619 00:40:52,160 --> 00:40:54,510 So now here we have our FUTA. 620 00:40:54,710 --> 00:40:58,600 So it's like we have this is the structure, the structure we have here. 621 00:40:58,610 --> 00:41:01,610 I can go I can go to the top here. 622 00:41:02,300 --> 00:41:08,330 We have a structure like we have the header and then we have the body and then we have food that. 623 00:41:10,520 --> 00:41:10,760 The. 624 00:41:11,800 --> 00:41:13,780 You have Bobby and then have. 625 00:41:15,490 --> 00:41:16,670 What's happening with my body? 626 00:41:17,980 --> 00:41:18,850 Now for Bobby. 627 00:41:22,210 --> 00:41:29,570 And then we have put puter, so we have eased restrictions and those rules are what we want to do. 628 00:41:30,370 --> 00:41:32,680 These are restrictions we're interested in in our application. 629 00:41:32,710 --> 00:41:37,930 We didn't have the FUTA there, but we wanted to be dynamic because we wanted on the index page. 630 00:41:38,260 --> 00:41:46,090 We wanted on the we wanted on the about page contact us page and all the other pages that you may want 631 00:41:46,090 --> 00:41:47,080 to have on our website. 632 00:41:47,560 --> 00:41:55,780 So the body, the one that needs to be dynamic here, what you can do and by the way, sometimes when 633 00:41:55,780 --> 00:41:59,920 you put it is good, especially if you're using using voice code. 634 00:42:00,340 --> 00:42:02,720 We could go ahead and start closing things for you. 635 00:42:02,740 --> 00:42:04,930 So you need to you need to. 636 00:42:05,320 --> 00:42:06,190 You see this one? 637 00:42:06,190 --> 00:42:09,850 When I saved it, we created it across the head. 638 00:42:09,850 --> 00:42:15,580 And the e-mail don't do that because that is going to be closed, remember, after everything has been 639 00:42:15,580 --> 00:42:16,400 done in the FUTA. 640 00:42:16,840 --> 00:42:19,130 So if you're using the watch out for that. 641 00:42:19,570 --> 00:42:21,760 So how do we make sure that the content is here? 642 00:42:21,760 --> 00:42:23,220 That is what we do. 643 00:42:23,740 --> 00:42:24,730 This is Jenda. 644 00:42:25,270 --> 00:42:32,200 We want to do a bracket and the percentage design and then are going to do here a block and a block. 645 00:42:32,200 --> 00:42:36,280 We are going to give this block a name so we can just call it what you can call it, whatever you want 646 00:42:36,280 --> 00:42:36,770 to call it. 647 00:42:37,090 --> 00:42:39,850 So, for instance, I can call mine pitch content. 648 00:42:42,770 --> 00:42:51,960 It's content, content, and then after that, make sure that you remember to close that blog. 649 00:42:51,980 --> 00:42:54,760 So here we do see and blog. 650 00:42:55,460 --> 00:42:56,630 Do you have a blog? 651 00:42:56,630 --> 00:42:59,240 You give you a broken name and then you end blog. 652 00:42:59,390 --> 00:43:05,750 So this is where the content is going to go after that, come to your page and look for your futa. 653 00:43:06,500 --> 00:43:08,110 So futa. 654 00:43:09,280 --> 00:43:13,990 Food is here, so everything here just got everything worked out. 655 00:43:15,000 --> 00:43:23,070 And save your file and then come back here after you have put in that piece in your futa so you can 656 00:43:23,070 --> 00:43:26,000 see we have we have our head now. 657 00:43:26,040 --> 00:43:28,380 We have our dynamic content and the food as if it. 658 00:43:29,720 --> 00:43:30,700 Then after you save it. 659 00:43:32,070 --> 00:43:35,480 The page is now this hour, Paesano does not have the hidden. 660 00:43:36,180 --> 00:43:38,420 So if you reload, this page is going to break. 661 00:43:38,490 --> 00:43:42,720 You see how it looks does not have the header, the photo. 662 00:43:43,500 --> 00:43:45,230 So how do we inherited? 663 00:43:45,660 --> 00:43:52,290 How do you inherit a how do you inherit the bits that we have here inside of this page here? 664 00:43:52,950 --> 00:43:54,590 Now, this is what you are going to do. 665 00:43:55,930 --> 00:44:01,630 We said of this page, the only thing you're going to be doing here is to bring you the name that you 666 00:44:01,630 --> 00:44:02,990 give to your content here. 667 00:44:03,520 --> 00:44:05,830 This one's the name that you had here. 668 00:44:05,830 --> 00:44:09,490 You could just copy this, this section as it is. 669 00:44:11,130 --> 00:44:18,490 A journalist is and then faced with this thing here, so we have a blog, pretty content, and then 670 00:44:18,490 --> 00:44:19,580 you're going to inherit. 671 00:44:19,600 --> 00:44:22,490 Now you're going to inherit this beast. 672 00:44:23,050 --> 00:44:26,990 So, again, I broke Brocket in the passenger train. 673 00:44:27,640 --> 00:44:37,060 And when you inherit in inherit and what I'm going to inherit, you put into brackets sorry, you put 674 00:44:37,060 --> 00:44:40,220 into brackets and then you give the power to your file. 675 00:44:40,240 --> 00:44:47,500 So our part is basically the template because remember, it is inside of so remember, it is inside 676 00:44:47,500 --> 00:44:51,730 of these templates folder and then we have a library base to teach HTML. 677 00:44:51,730 --> 00:45:02,790 So US library and this will help library, not the library would put American. 678 00:45:03,660 --> 00:45:05,640 A broadly based civic. 679 00:45:06,720 --> 00:45:09,150 And go back to your page and try to read it again. 680 00:45:11,100 --> 00:45:14,230 Um, we have an issue. 681 00:45:14,250 --> 00:45:17,880 Let's see what we have done wrong, inherit the right inherit will. 682 00:45:19,760 --> 00:45:26,830 The inheritance return is not inherited, sorry, this one is extends its extends, not inherited, 683 00:45:26,860 --> 00:45:32,130 sorry, so I'm talking about inherited and I only thinking about inheriting stuff. 684 00:45:32,540 --> 00:45:36,120 So now we have we have our futa here. 685 00:45:36,140 --> 00:45:38,010 Why is it that we don't have our header. 686 00:45:38,660 --> 00:45:39,640 Let's confirm. 687 00:45:39,650 --> 00:45:43,550 So we are extending library base and then we ended that block. 688 00:45:44,270 --> 00:45:47,050 So let's see, let's see, let's see what's happening here. 689 00:45:48,030 --> 00:45:48,990 Page block. 690 00:45:50,330 --> 00:45:51,470 Um. 691 00:45:56,700 --> 00:45:58,320 Blog page content. 692 00:46:00,420 --> 00:46:02,760 Blog, which contains so this ad is not shown. 693 00:46:07,530 --> 00:46:08,800 Uh huh. 694 00:46:15,710 --> 00:46:15,990 And. 695 00:46:20,870 --> 00:46:23,670 We have to close our head at six and got Tanya. 696 00:46:27,130 --> 00:46:29,000 I had a section of. 697 00:46:32,370 --> 00:46:33,640 Uh huh. 698 00:46:33,670 --> 00:46:34,100 OK. 699 00:46:35,250 --> 00:46:37,260 Where exactly are Mohammed? 700 00:46:41,220 --> 00:46:43,740 Page, extensive blog and blog. 701 00:46:46,280 --> 00:46:49,780 So this has to be the. 702 00:46:52,160 --> 00:46:55,760 We have we have we have expanded this template here we have. 703 00:46:56,890 --> 00:46:57,940 Block content. 704 00:46:59,000 --> 00:47:00,080 Superabundant. 705 00:47:02,390 --> 00:47:03,560 Will come with this. 706 00:47:06,860 --> 00:47:08,680 OK, but. 707 00:47:11,850 --> 00:47:13,410 It save. 708 00:47:15,080 --> 00:47:15,560 Slewed. 709 00:47:17,320 --> 00:47:27,350 Yes, so what we had done wrong here, I copied let me do this when we copied this, remember when you 710 00:47:27,370 --> 00:47:34,780 and your best template here, we copied this so idea I wanted to to make this very simple so that when 711 00:47:34,780 --> 00:47:40,790 you explained when you when you put this content here where you are with love, you are dynamic content. 712 00:47:40,810 --> 00:47:42,530 Remember, this is inside of you. 713 00:47:43,390 --> 00:47:49,390 You are your e-mail file, whatever name you give you or whatever you have here. 714 00:47:49,510 --> 00:47:55,510 Copy, copy this content copy as is go back to your page, the page that you want to the page that you 715 00:47:55,510 --> 00:48:01,530 want to read it is into and then you paste it and then and you it. 716 00:48:01,570 --> 00:48:02,530 This is what we did. 717 00:48:02,530 --> 00:48:04,390 But then we did not remember to talkativeness. 718 00:48:04,870 --> 00:48:08,690 This dynamic content is going to come in between here. 719 00:48:09,400 --> 00:48:13,200 So this is where we're going to have our dynamic content. 720 00:48:14,080 --> 00:48:19,140 And remember, the dynamic content in this case is our page, our body content here. 721 00:48:19,540 --> 00:48:26,070 So we need to remove this one here and put it to the end here. 722 00:48:27,090 --> 00:48:27,790 Then you say. 723 00:48:30,240 --> 00:48:36,690 To now, when know, reload our page, everything, once we have our logo, everything is working fine, 724 00:48:36,720 --> 00:48:42,450 demonstratives are working fine, everything is fine, we have our futa, we have our job. 725 00:48:42,480 --> 00:48:45,420 But remember this then we have inherited a template. 726 00:48:45,900 --> 00:48:51,120 We have not we have not written everything instead of one file in there for now. 727 00:48:51,120 --> 00:48:57,300 And we need to create our about which we are just going to inherit to inherit the best template. 728 00:48:57,300 --> 00:48:58,120 And we have got to go. 729 00:48:58,680 --> 00:49:02,700 I don't know that we have any question before we go ahead and create that beach. 730 00:49:08,400 --> 00:49:14,420 OK, OK, just go ahead and create our about page and about the page. 731 00:49:14,730 --> 00:49:18,390 Again, we are not going to be we are going to go into our. 732 00:49:18,580 --> 00:49:20,200 We are not going to be treating it from scratch. 733 00:49:20,220 --> 00:49:23,730 Remember, we have a team and they are both about the speed you want. 734 00:49:23,730 --> 00:49:24,330 Is this one. 735 00:49:24,390 --> 00:49:26,020 What we have on our team here. 736 00:49:26,580 --> 00:49:28,920 So what do you have in. 737 00:49:30,560 --> 00:49:43,220 Here you have about a copy of this, then go back to your application at the public, go to w w w you 738 00:49:43,220 --> 00:49:44,390 have library now. 739 00:49:45,610 --> 00:49:52,120 By the way, before even before we create that, here we have we are testing this thing as a library 740 00:49:52,240 --> 00:49:54,400 so we can do e-mail. 741 00:49:55,610 --> 00:49:58,550 Obviously, this includes interloping our file. 742 00:49:59,180 --> 00:50:04,490 What if you want to add the other pages, like, no, you need to add our both page and we can't just 743 00:50:04,490 --> 00:50:10,330 drop it here, because if we drop it here and we try to access it, like this is going to load the the 744 00:50:10,370 --> 00:50:13,100 default about us, not about us. 745 00:50:13,100 --> 00:50:14,430 Page done by frappé. 746 00:50:15,080 --> 00:50:20,510 So how about we create our folder, a new directory and call it a library. 747 00:50:21,290 --> 00:50:23,020 That's the name of our library. 748 00:50:23,420 --> 00:50:25,900 And then we go about our library. 749 00:50:25,940 --> 00:50:28,860 Notice the file inside when you do that. 750 00:50:29,480 --> 00:50:32,750 Now, when we come to Lebanon to this day, it is not going to work. 751 00:50:32,780 --> 00:50:33,080 No. 752 00:50:33,080 --> 00:50:33,590 One is. 753 00:50:33,600 --> 00:50:34,520 It will not work. 754 00:50:34,920 --> 00:50:35,560 So it's not. 755 00:50:36,530 --> 00:50:38,320 What if we remove this threat? 756 00:50:38,330 --> 00:50:38,790 What is it? 757 00:50:38,810 --> 00:50:39,320 As before? 758 00:50:39,320 --> 00:50:40,970 It's not found by now. 759 00:50:41,030 --> 00:50:45,000 We can do library e-mail. 760 00:50:45,050 --> 00:50:46,470 This works by. 761 00:50:46,550 --> 00:50:47,330 Look at this. 762 00:50:47,690 --> 00:50:48,290 Look at this. 763 00:50:48,860 --> 00:50:50,810 Look at this library, the library again. 764 00:50:51,350 --> 00:50:58,970 And by default, you notice the email when you have index dot index, notice the e-mail file. 765 00:50:59,420 --> 00:51:02,370 That file is what is routed by default to individuals. 766 00:51:02,780 --> 00:51:09,770 So what if rename this to index, not e-mail so that instead of library we have our full support library 767 00:51:10,070 --> 00:51:13,100 and then inside it we have an index Lutetia email file. 768 00:51:13,460 --> 00:51:17,410 If you reload, this is not going to work because of course do have library. 769 00:51:17,990 --> 00:51:19,040 We can call it index. 770 00:51:19,050 --> 00:51:20,930 This time this one works. 771 00:51:21,200 --> 00:51:23,110 So now we have librarians in index. 772 00:51:23,120 --> 00:51:23,960 Notice the email. 773 00:51:24,290 --> 00:51:29,750 If we completely remove the index, this the email file and we reload, this one still works. 774 00:51:30,400 --> 00:51:32,630 We have our domain. 775 00:51:33,660 --> 00:51:36,070 For our you are in and then we have a library. 776 00:51:36,150 --> 00:51:37,200 This one still works. 777 00:51:37,980 --> 00:51:43,560 Like I explained, the reason why it is working is because it will by default look for index notice 778 00:51:43,560 --> 00:51:44,280 e-mail file. 779 00:51:44,880 --> 00:51:55,710 So that one once that looks better now we come here, create a new new let me do it from here, create 780 00:51:55,710 --> 00:51:56,520 a new file. 781 00:51:58,830 --> 00:52:06,480 Here, create a new file and this file about the tragedy want relocatable these. 782 00:52:09,140 --> 00:52:15,800 Mode of e-mail and the e-mail file and by the way, we did not even need to create it, we just need 783 00:52:15,800 --> 00:52:17,280 to let me just delete it. 784 00:52:17,960 --> 00:52:21,640 We just need to delete it or delete it like that. 785 00:52:24,600 --> 00:52:32,880 It's gone, so we just need to copy they are both us page in our template, so this one here copy and 786 00:52:32,880 --> 00:52:34,350 then pasted here. 787 00:52:34,920 --> 00:52:38,880 So now what happens when we go to library about. 788 00:52:40,920 --> 00:52:42,090 We have our brutal speech. 789 00:52:43,510 --> 00:52:45,100 But remember, it will be broken. 790 00:52:45,910 --> 00:52:48,920 It will certainly be broken because we have copied it. 791 00:52:49,570 --> 00:52:51,370 It's not inheriting our templates. 792 00:52:51,970 --> 00:52:54,970 And yeah, you see, it's broken, it's not inheriting our templates. 793 00:52:54,970 --> 00:52:58,640 And it's just it's just a file that does not know. 794 00:52:58,640 --> 00:52:59,930 We have to get a static files. 795 00:53:00,880 --> 00:53:04,180 So now let's go ahead and start inheriting our template. 796 00:53:04,300 --> 00:53:05,290 So this one. 797 00:53:06,310 --> 00:53:08,090 Was deleted, so I can close it. 798 00:53:08,740 --> 00:53:17,010 We have our index note e-mail, this one extends this so we can copy this file, how easy this becomes. 799 00:53:17,290 --> 00:53:20,860 I copy this part of this file and go back into my. 800 00:53:21,900 --> 00:53:22,950 Where's my. 801 00:53:24,030 --> 00:53:25,260 Where's my. 802 00:53:26,220 --> 00:53:27,730 Oh, yeah, it's down here. 803 00:53:28,320 --> 00:53:35,060 So this is what I'm supposed to copy about as you scroll down until you see body. 804 00:53:36,370 --> 00:53:40,060 Remove that infrastructure and then go back here. 805 00:53:40,410 --> 00:53:41,610 You need to close. 806 00:53:41,640 --> 00:53:43,790 You need to close the knot. 807 00:53:43,840 --> 00:53:44,370 They are here. 808 00:53:44,670 --> 00:53:45,630 You need to close you. 809 00:53:47,320 --> 00:53:48,660 You need to close your block. 810 00:53:48,990 --> 00:53:53,450 So I've been good to you about both speed and remove the and everything about a foot. 811 00:53:54,120 --> 00:53:56,430 So scroll up the photostats here. 812 00:53:57,030 --> 00:54:00,360 So highlight everything they read in the piece. 813 00:54:00,380 --> 00:54:05,070 You are in the block and I save and I wrote my protest page. 814 00:54:05,430 --> 00:54:06,480 Things should be working. 815 00:54:06,900 --> 00:54:11,920 Except again, I think images are not going to work because I think they are invited. 816 00:54:11,940 --> 00:54:13,000 Is that OK? 817 00:54:13,140 --> 00:54:13,500 Yeah. 818 00:54:13,620 --> 00:54:15,710 You see now are both speeches working fine? 819 00:54:15,720 --> 00:54:17,700 We have our logo, which is not loading. 820 00:54:18,330 --> 00:54:22,350 Ideally, I think logos should have gone to the to the other. 821 00:54:22,530 --> 00:54:29,160 But both US page everything looks fine here except our images, which are custom for the about US page. 822 00:54:29,670 --> 00:54:32,340 So we have a photo here which is again working fine. 823 00:54:32,640 --> 00:54:34,530 So let's see why the logo is not working. 824 00:54:34,530 --> 00:54:35,090 Where is it. 825 00:54:35,120 --> 00:54:36,110 Is it here. 826 00:54:36,120 --> 00:54:36,780 Let me see. 827 00:54:37,320 --> 00:54:37,770 Logo. 828 00:54:38,610 --> 00:54:41,310 Yes, we have our logo. 829 00:54:42,530 --> 00:54:43,740 No, I don't want to check it. 830 00:54:43,820 --> 00:54:50,180 I want to see Index find local apparently is in the index page. 831 00:54:50,210 --> 00:54:52,280 So what we do is remove this section also. 832 00:54:52,730 --> 00:54:53,690 So no. 833 00:54:53,990 --> 00:54:59,210 Yes, I think some of us would have gone then we have mudo I don't know which model is that. 834 00:54:59,210 --> 00:55:01,360 We can leave that or we even get it. 835 00:55:02,150 --> 00:55:09,620 And by the way, you can also use if you have own like this dear to the left, you can compress it to 836 00:55:09,620 --> 00:55:10,520 see where it ends. 837 00:55:11,180 --> 00:55:16,580 So this again looks like it can go up. 838 00:55:17,420 --> 00:55:21,650 The idea here you are just going to look at what you think. 839 00:55:23,240 --> 00:55:25,890 What do you think can go into the other section and you put it there? 840 00:55:25,910 --> 00:55:28,300 So let me get let me grab everything here. 841 00:55:30,060 --> 00:55:31,170 Grab everything the. 842 00:55:32,550 --> 00:55:35,620 Was it the key to this base here? 843 00:55:35,640 --> 00:55:36,210 Down here? 844 00:55:36,240 --> 00:55:37,770 Is it safe? 845 00:55:37,800 --> 00:55:45,960 So I have deleted it from the index without saying I will also delete the same from my from my about 846 00:55:45,980 --> 00:55:46,200 page. 847 00:55:46,210 --> 00:55:52,220 So this is starting from a so def moto class. 848 00:55:53,110 --> 00:55:54,770 A declasse model. 849 00:55:55,090 --> 00:55:57,220 So let me go here and see where that is. 850 00:55:57,850 --> 00:56:02,130 This classroom would also remove everything you said to that. 851 00:56:02,890 --> 00:56:03,750 So save it. 852 00:56:03,760 --> 00:56:07,090 And now in a little more appropriate, I should see the logo working fine. 853 00:56:10,990 --> 00:56:22,950 Yes, so we have a boat that's been working fine and we also have our home page working fine. 854 00:56:22,960 --> 00:56:28,960 So if I click on now look at the links we have here, look at look at the ratings. 855 00:56:28,970 --> 00:56:31,780 The ratings are not that are not as good as we expect. 856 00:56:32,110 --> 00:56:39,550 Because when I have a look at my bottom bottom here, bottom left when I over this one used to take 857 00:56:39,550 --> 00:56:41,470 me to index to Lybrel index. 858 00:56:41,480 --> 00:56:42,400 Yes, it will work. 859 00:56:42,700 --> 00:56:44,440 But remember, we eliminated this index. 860 00:56:44,450 --> 00:56:52,190 We don't need to show people index here so you can you can customize that yourself. 861 00:56:52,210 --> 00:56:57,280 So this is not about you go to your go to your menus here. 862 00:56:57,280 --> 00:57:00,400 You can just look for your next e-mail. 863 00:57:01,390 --> 00:57:02,340 So this is the logo. 864 00:57:02,350 --> 00:57:03,220 Just remove this. 865 00:57:03,220 --> 00:57:04,930 Replace it with just us. 866 00:57:06,370 --> 00:57:08,610 It's increased to another one. 867 00:57:08,830 --> 00:57:09,430 This one. 868 00:57:09,760 --> 00:57:10,050 Yeah. 869 00:57:10,090 --> 00:57:10,570 The home. 870 00:57:10,990 --> 00:57:12,430 We don't need it to look like that. 871 00:57:12,430 --> 00:57:21,540 Just replaced with slash then about remove e-mail then put here library slash save. 872 00:57:21,830 --> 00:57:23,040 Let's see what happens now. 873 00:57:23,350 --> 00:57:24,070 You did. 874 00:57:25,450 --> 00:57:26,740 When I hop on the local. 875 00:57:27,730 --> 00:57:31,540 About us, Delaware have not changed, apparently, we have our own. 876 00:57:33,480 --> 00:57:38,190 Yeah, this is not going to happen, is going to work soon because you are going to be directing it 877 00:57:38,190 --> 00:57:39,450 to our main page. 878 00:57:39,660 --> 00:57:41,550 So about the speed when I click on it. 879 00:57:42,550 --> 00:57:45,740 Library, library about that state is wrong. 880 00:57:46,150 --> 00:57:48,880 So this one should be like that. 881 00:57:49,400 --> 00:57:52,930 I'm sorry, Lord you, Darbyshire. 882 00:57:54,520 --> 00:57:55,570 Hovering about. 883 00:57:58,030 --> 00:58:03,460 And we still have an issue so we can remove this race, I think. 884 00:58:05,200 --> 00:58:07,690 Move this large, loaded. 885 00:58:09,480 --> 00:58:10,620 Yes, perfect. 886 00:58:10,890 --> 00:58:12,940 So now about us is watching, OK? 887 00:58:14,460 --> 00:58:22,860 We now need to connect the question that Maureen asked such that when we load our pigs, we do not need 888 00:58:23,100 --> 00:58:26,200 to go to library to see what we have customized. 889 00:58:27,180 --> 00:58:35,490 And again, we do not want to see a this page and then we start adding slides or whatever so that you 890 00:58:35,490 --> 00:58:36,500 can Google our page. 891 00:58:36,840 --> 00:58:42,990 We want the moment our users load this page, when they load this page, we want them to be taken directly 892 00:58:42,990 --> 00:58:44,580 to the page we have just customized. 893 00:58:45,150 --> 00:58:46,020 So we do that. 894 00:58:46,020 --> 00:58:47,590 We are going to do that from the back end. 895 00:58:47,610 --> 00:58:49,440 So you need access to login. 896 00:58:49,810 --> 00:58:53,850 We need login access and then login as admin. 897 00:58:56,710 --> 00:59:04,490 Question is, what is it, suppose a company already have a website? 898 00:59:05,020 --> 00:59:05,590 Yes. 899 00:59:07,030 --> 00:59:11,570 So this website needs to be integrated ERP next. 900 00:59:11,590 --> 00:59:20,740 Are we going to follow the same steps or if there are different steps, if you just tell me the high 901 00:59:20,740 --> 00:59:21,130 level. 902 00:59:21,700 --> 00:59:23,320 OK, so what do you need? 903 00:59:23,350 --> 00:59:23,890 What do you mean? 904 00:59:23,890 --> 00:59:28,450 Here is the website will need to run on ERP next. 905 00:59:30,660 --> 00:59:31,690 It's already exist. 906 00:59:31,800 --> 00:59:36,540 There is a website running, it exists, but what is the objective? 907 00:59:36,570 --> 00:59:42,030 Why do they want to integrate it, integrate how to so that it runs on Europeanist or. 908 00:59:43,480 --> 00:59:51,610 I don't know, there is a connection maybe between the existing IRP next for sale or e-commerce or something, 909 00:59:52,120 --> 00:59:58,970 and you need to connect the existing website with ERP next time. 910 00:59:58,970 --> 01:00:01,840 I mean, is it possible? 911 01:00:01,840 --> 01:00:10,010 I don't know my question now, if it is possible or not, to connect the existing website as you did. 912 01:00:10,030 --> 01:00:17,570 Now this new pages and you customize this and you are going to link these pages with ERP next. 913 01:00:17,950 --> 01:00:30,280 I mean, is it possible to reuse existing website with ERP next or it should be a separate, separate 914 01:00:30,730 --> 01:00:35,020 components, separate environments, separate everything there. 915 01:00:35,020 --> 01:00:43,540 That the only way to do that Emami if if maybe you want it to be powered by Europeanist at the back 916 01:00:43,540 --> 01:00:52,480 end, you need you will definitely need to migrate the whole Web site like we have done without it is 917 01:00:52,480 --> 01:00:54,270 running on frappé. 918 01:00:54,910 --> 01:01:00,370 So you're going to have to follow the steps we have done and you migrate page after page. 919 01:01:01,270 --> 01:01:06,310 OK, and you will stop the existing one and create a new one. 920 01:01:06,790 --> 01:01:10,950 Yes, OK, yes, OK, fine. 921 01:01:11,050 --> 01:01:13,200 So let's now customize this. 922 01:01:13,660 --> 01:01:18,650 So what we are going to do on you, I have logged into our instance on the back end here. 923 01:01:18,670 --> 01:01:21,010 Look for Web site. 924 01:01:22,340 --> 01:01:23,290 A. 925 01:01:24,800 --> 01:01:33,170 Open website, and then from here, good websites say things, you see this home we have here, if you 926 01:01:33,170 --> 01:01:37,820 come to our instance, the artist whom you're going to get the same thing. 927 01:01:38,360 --> 01:01:44,900 The same is true if you are Selous Index I now up to the I think you already have your answer. 928 01:01:45,170 --> 01:01:53,150 So if we have a library here and we are seeing our using our what if we could pick this library and 929 01:01:53,150 --> 01:01:56,360 put it here and see if that's it. 930 01:01:56,420 --> 01:01:57,140 That's all we need. 931 01:01:57,560 --> 01:02:01,790 So if I remove this library and I enter, we have our website. 932 01:02:05,130 --> 01:02:10,410 So that's it, that's that's that's all I had for you today, Maureen, I hope your question is no answered. 933 01:02:10,770 --> 01:02:12,570 So what you do is just to change the homepage. 934 01:02:12,570 --> 01:02:14,190 You are in that seat. 935 01:02:14,190 --> 01:02:15,050 You you're good to go. 936 01:02:15,570 --> 01:02:16,350 That's perfect. 937 01:02:16,350 --> 01:02:16,830 Thank you. 938 01:02:17,490 --> 01:02:18,030 Is. 939 01:02:19,180 --> 01:02:20,950 Oh, excellent. 940 01:02:21,530 --> 01:02:23,710 And so, guys, if you have a question. 941 01:02:25,770 --> 01:02:26,670 Lautz. 942 01:02:29,870 --> 01:02:37,070 So now if you summarize the work you did, you just give a summary. 943 01:02:38,750 --> 01:02:40,210 On different steps. 944 01:02:41,180 --> 01:02:45,270 So, yes, I should have written the first step. 945 01:02:45,740 --> 01:02:52,850 If you check my notes, the first step here is, of course, you identify and download the theme that 946 01:02:52,850 --> 01:02:53,630 you want to use. 947 01:02:55,670 --> 01:03:02,570 And then copy the static files to the public directory of your next. 948 01:03:04,300 --> 01:03:08,300 This is you remember remember that we are told they don't have to show that way. 949 01:03:08,770 --> 01:03:18,820 Yeah, they just Tomaree just looking OK, then the third step will be to move the aliens file to the 950 01:03:18,820 --> 01:03:20,130 w w w folder. 951 01:03:21,530 --> 01:03:27,780 That is the index of the index of your team, then you can decide to rename it to something else, you 952 01:03:27,780 --> 01:03:32,950 will actually need to rename it to something else, like we renamed our library. 953 01:03:34,280 --> 01:03:40,160 Then the next step is to split the file so that you are able to create the templates. 954 01:03:41,240 --> 01:03:50,000 So, you know, I guess we split we split this file into into Wikipedia's library base, which has all 955 01:03:50,000 --> 01:03:51,200 of a static code. 956 01:03:52,640 --> 01:04:00,020 And then the next thing is to create after that, of course, after you are imported, then the next 957 01:04:00,020 --> 01:04:02,810 thing maybe is not go ahead and start creating other pages. 958 01:04:04,030 --> 01:04:14,850 And then the last stage is to point you are you are you are you are homepage from the back end here. 959 01:04:15,860 --> 01:04:23,330 To the team that you have created, Dustin, till now, we have created two pages, the home page, 960 01:04:23,330 --> 01:04:30,290 which is a totally new team, our connection to two pages, right? 961 01:04:30,740 --> 01:04:31,220 Yes. 962 01:04:31,820 --> 01:04:33,590 So it is the home page. 963 01:04:33,590 --> 01:04:36,950 And again, index and home page read. 964 01:04:37,430 --> 01:04:37,970 Yes. 965 01:04:38,300 --> 01:04:42,230 About, about and things and about. 966 01:04:42,870 --> 01:04:44,450 We have created two pages. 967 01:04:45,370 --> 01:04:50,280 So in the template there is courses and there is other pages, events, blog. 968 01:04:50,300 --> 01:04:56,780 So if we want to enable them, we have to continue and redo the same steps for other pages, right? 969 01:04:57,320 --> 01:05:00,430 Yes, yes, yes, yes. 970 01:05:01,600 --> 01:05:07,070 If you want to do the contact us page, if we click on this, you see it's complaining that this page 971 01:05:07,070 --> 01:05:16,130 is not found and you just copied from the team about, I think, the contact, contact, contact. 972 01:05:16,490 --> 01:05:19,340 This one is just copied from here and pasted here. 973 01:05:20,110 --> 01:05:24,240 And then the next step, of course, is to do the static files. 974 01:05:24,530 --> 01:05:27,050 OK, yeah, I know. 975 01:05:27,110 --> 01:05:33,560 Now these pages are static means not reading from our ERP. 976 01:05:33,560 --> 01:05:34,610 Any data, right? 977 01:05:35,490 --> 01:05:36,380 No, they're not reading. 978 01:05:36,380 --> 01:05:37,920 They're not reading in the data from Europe. 979 01:05:37,950 --> 01:05:40,140 Next, they are not reading in the data. 980 01:05:40,160 --> 01:05:42,700 So what it is, is this is not an item here. 981 01:05:43,610 --> 01:05:44,860 What can be a dynamic data. 982 01:05:44,870 --> 01:05:47,750 So we are going to be getting some data. 983 01:05:47,780 --> 01:05:52,460 Remember, we have articles in they are going to be displaying them on this template. 984 01:05:54,570 --> 01:05:58,270 Yeah, so this is this is a topic for another day dynamic. 985 01:05:59,050 --> 01:06:06,250 So in this case, you will read the data from IRP and displaying this in your pages, right? 986 01:06:06,760 --> 01:06:07,240 Yes. 987 01:06:07,960 --> 01:06:10,320 OK, Karani. 988 01:06:11,140 --> 01:06:20,440 So if we have multiple sites and we want to talk about all the data. 989 01:06:23,710 --> 01:06:35,920 If we have multiple sites and we want to display that our database and for each website will have 990 01:06:39,400 --> 01:06:40,630 its database. 991 01:06:41,630 --> 01:06:42,080 Yes. 992 01:06:43,140 --> 01:06:45,150 They see what I mean, uh, granule. 993 01:06:47,620 --> 01:06:49,030 So you have multiple sites. 994 01:06:49,320 --> 01:06:57,640 What is your question moment every side will display its own database of information. 995 01:06:59,070 --> 01:06:59,970 Yes, yes. 996 01:07:02,740 --> 01:07:07,120 OK, OK, I get you, I get you, get you, get you. 997 01:07:07,680 --> 01:07:08,160 What is that? 998 01:07:08,560 --> 01:07:13,690 I didn't get the question is think ideally what you're saying is remember. 999 01:07:14,920 --> 01:07:21,640 We have multiple sites is a those sites, each side has its own database. 1000 01:07:22,170 --> 01:07:29,620 Right now we are talking about displaying dynamic data on our site, on our Web site is. 1001 01:07:30,010 --> 01:07:32,140 So from which database are you going to get the data? 1002 01:07:34,790 --> 01:07:38,300 I don't know if we will see it in the topic number 10. 1003 01:07:39,590 --> 01:07:40,470 Yes, so. 1004 01:07:41,870 --> 01:07:42,830 That's a good question. 1005 01:07:42,840 --> 01:07:45,430 So I will answer that area of the underlying question. 1006 01:07:45,480 --> 01:07:57,470 But then again, I do not hope for the time you can fetch properly your site data from its database. 1007 01:07:57,860 --> 01:08:00,920 This is what we can see now, right current. 1008 01:08:01,640 --> 01:08:09,110 And if every site will display his own database data, one more question. 1009 01:08:09,680 --> 01:08:16,400 There is in therapy, there is a module called website. 1010 01:08:16,400 --> 01:08:18,790 And you can create pages there, right? 1011 01:08:18,860 --> 01:08:19,160 Yes. 1012 01:08:19,520 --> 01:08:19,910 Yes. 1013 01:08:20,130 --> 01:08:21,680 You can add content. 1014 01:08:21,680 --> 01:08:22,940 You can add all this. 1015 01:08:23,600 --> 01:08:24,940 Is it same things? 1016 01:08:25,160 --> 01:08:26,810 And it is this. 1017 01:08:26,840 --> 01:08:31,370 What we saw today is similar or different method to create pages. 1018 01:08:33,630 --> 01:08:34,770 That one is different. 1019 01:08:34,800 --> 01:08:39,740 Remember, what we are doing today, Mummy, is we are I don't want to go there. 1020 01:08:39,750 --> 01:08:41,280 We were customising. 1021 01:08:41,280 --> 01:08:48,010 We were customising, because when you talk about the proposed default website creating template, it's 1022 01:08:48,030 --> 01:08:52,350 we are talking about this is so it has its head, not its head. 1023 01:08:52,350 --> 01:08:54,930 It looks like this and it has its futa. 1024 01:08:55,200 --> 01:09:02,160 Look, for instance, if I come here, I mean, let me demo this by an example to the library council 1025 01:09:02,970 --> 01:09:08,340 and they create a file called Tharani Dautrich, the email. 1026 01:09:09,210 --> 01:09:13,950 And then inside of this world, I do I bring one with it. 1027 01:09:14,760 --> 01:09:15,090 I do. 1028 01:09:15,090 --> 01:09:18,690 I bring one with this is artist. 1029 01:09:19,440 --> 01:09:27,510 And then I come to my application here and then I do library slash Karani. 1030 01:09:28,540 --> 01:09:31,660 You see, yes, we only put this. 1031 01:09:32,890 --> 01:09:39,070 But look for Upper House visiting us in to inherited the header and it has inherited even the emails 1032 01:09:39,070 --> 01:09:41,860 and the FUTA, this one has come from Frappier. 1033 01:09:43,920 --> 01:09:47,080 Our page only has this content here, only this one. 1034 01:09:47,340 --> 01:09:51,660 So when you created the default template, you're going to get this. 1035 01:09:52,690 --> 01:09:58,780 But what we have done, we don't want to see anything like this on our website, so we want to see this 1036 01:09:58,780 --> 01:10:02,000 the theme that we have created, we want everything to be like this. 1037 01:10:02,050 --> 01:10:07,150 Our hand has to be look like this navigation to look like this in our future, to look like this. 1038 01:10:07,600 --> 01:10:10,330 And then we can customize everything else in between. 1039 01:10:12,080 --> 01:10:20,210 OK, I saw another thing you created duct tape and for they call it waveform. 1040 01:10:21,170 --> 01:10:21,500 Mm hmm. 1041 01:10:22,070 --> 01:10:26,460 And so web form is something else, right? 1042 01:10:26,940 --> 01:10:34,810 Is it is it will be part of the next topic will perform or form with something else we get. 1043 01:10:34,820 --> 01:10:36,320 We can cover that. 1044 01:10:36,320 --> 01:10:39,920 Maybe not in a topic, in another topic. 1045 01:10:41,260 --> 01:10:48,870 Because worked for them when you create, as I saw it, when you created DOCTYPE Oldfield's of that 1046 01:10:48,880 --> 01:10:56,020 DOCTYPE, you can show them directly in work form as a form to collect data or collect any information 1047 01:10:56,020 --> 01:11:00,380 from the end user so you can publish this doctor. 1048 01:11:00,730 --> 01:11:07,600 I mean, there is a direct connection, direct link between the web form and the DOCTYPE. 1049 01:11:07,600 --> 01:11:16,250 If you if and use it, open the website and goes to this web forum and feel data, it will feel data 1050 01:11:16,300 --> 01:11:18,940 like haloed CV or resume. 1051 01:11:19,420 --> 01:11:23,650 So this data will be added in the database directly, right? 1052 01:11:24,310 --> 01:11:24,720 Yes. 1053 01:11:25,270 --> 01:11:29,040 So this is a good feature. 1054 01:11:29,410 --> 01:11:36,250 But now you added to these pages are only static, maybe. 1055 01:11:36,250 --> 01:11:45,640 Next topic, we saw how to add data in the database starting from this our custom pages, right? 1056 01:11:46,600 --> 01:11:47,140 Yes. 1057 01:11:49,650 --> 01:11:50,130 Yes. 1058 01:11:51,170 --> 01:11:52,320 OK, fine. 1059 01:11:53,000 --> 01:12:00,480 So I think it's clear a very fruitful session. 1060 01:12:00,980 --> 01:12:01,970 Thank you very much. 1061 01:12:03,050 --> 01:12:13,550 So if we don't have questions, recording will be available after maybe 15 to 30 minutes on the set 1062 01:12:13,550 --> 01:12:14,000 for the. 1063 01:12:15,340 --> 01:12:20,660 So thank you very much for attending the sessions and see you next week. 1064 01:12:20,890 --> 01:12:24,700 And gentlemen, thank you so. 1065 01:12:26,850 --> 01:12:27,410 Thank you. 1066 01:12:30,790 --> 01:12:32,230 Bye bye bye.